<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="public/js/mui.min.js"></script>
    <script src="public/js/vue.min.js"></script>
    <script src="public/js/router.js"></script>
    <script src="public/js/api.js"></script>
    <link href="public/css/mui.min.css" rel="stylesheet"/>
    <link href="public/css/style.css" rel="stylesheet"/>
    <link href="public/css/iconfont.css" rel="stylesheet"/>
	<script type="text/javascript">
		//mui初始化
		mui.init();
	</script>
</head>
<body>
	<header class="mui-bar mui-bar-nav header">
		<h1 class="mui-title"></h1>
	</header>
	<!-- 背景补充 -->
	<div class="bgbc"></div>
	<div class="mui-content" id="app">
		<!-- 这里放置各种模块 -->
	</div>
	<nav class="mui-bar mui-bar-tab">
		<a class="mui-tab-item mui-active" href="#home">
		    <span class="iconfont iconshouyekongxin"></span>
		    <span class="mui-tab-label">首页</span>
		</a>
	    <a class="mui-tab-item" href="#games">
	        <span class="iconfont iconyouxi"></span>
	        <span class="mui-tab-label">游戏大厅</span>
	    </a>
	    <a class="mui-tab-item" href="#invite">
	        <span class="iconfont icon2"></span>
	        <span class="mui-tab-label">邀请好友</span>
	    </a>
	    <a class="mui-tab-item" href="#center">
	        <span class="iconfont iconzhanghao"></span>
	        <span class="mui-tab-label">个人中心</span>
	    </a>
	</nav>
	<script type="text/javascript">
		(function($,document){
			//启动路由监听
			hashRouter("app","routes")
			//解决muia标签事件失效
			$('body').on('tap',"a",function(){document.location.href = this.href;});
		})(mui,document)
	</script>
</body>
</html>